<div class="space"><a name="top"></a></div>
<div id="column_left" class="clearfix">
	<div class="content"> 
				<link rel="stylesheet" type="text/css" href="<?=base_url()?>static/css/jquery.fancybox-1.3.4.css" media="screen" />
		<script type="text/javascript" src="<?=base_url()?>static/js/jquery.mousewheel-3.0.4.pack.js"></script>
		<script type="text/javascript" src="<?=base_url()?>static/js/jquery.fancybox-1.3.4.pack.js"></script>
		<style type="text/css">
			*, body{
				padding:0;
				margin:0;
			}
			a img{
				border:none;
			}
			/*Start here*/
			#div140 a{
				display:block;
				position:relative;
				height:160px;
				width:140px;
				float:left;
				margin:3px 5px 15px 6px;
			}
			#div140 a span{
				position:absolute;
				height:160px;
				width:140px;
				top:0;
				left:0;
			}
			#div80 a{
				display:block;
				position:relative;
				height:120px;
				width:80px;
				float:left;
				margin:3px 5px 5px 6px;
			}
			#div80 a span{
				position:absolute;
				height:120px;
				width:80px;
				top:0;
				left:0;
			}

			#hinhanh li:hover ul
			{
				display:block;
			}
		</style>
		<script type="text/javascript">
			$(document).ready(function(){
				$("a[rel=example_group]").fancybox({
					'transitionIn'		: 'none',
					'transitionOut'		: 'none',
					'titlePosition' 	: 'over',
					'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
						return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
					}
				});
			});
			
		</script>
		<div class="breadcrumb clearfix_1" id="hinhanh">
			<ul>
				<li><a href="<?=base_url()?>hinh-anh">Thư viện ảnh</a>
					<ul style="width: 161px;">
						<?php foreach($result as $value):?>
						<li style="width: 160px; float: left;"><a href="<?=base_url().'hinh-anh/catalog/'.$value['id']?>"><?=$value['name']?></a></li>
						<?php endforeach;?>
					</ul>
				</li>
				<li class="breadcrumb_active"></li>
			</ul>
		</div>
		<div class="line clearfix"></div>
		<?php
		foreach($result as $value):?>
		<div id="div140">
			<a href="<?=base_url().IMAGE_LARGE_DIR.'/'.$value['name']?>" rel="example_group" title="Nodata">
				<img style="display: inline;" src="<?=base_url().IMAGE_THUMB_DIR.'/'.$value['name']?>" alt="<?=$value['name']?>" width="134px;" height="150px;">
			</a>
		</div>
		<?php endforeach;?>
		<div class="line_none clearfix"></div>
		<?=$this->pagination->create_links()?>
		<div class="line_dot clearfix" style="margin-top:36px;"></div>
	</div>
</div>